
.signIn_box{
    width: 50vw;
    height: 22vh;
    border: 2px solid darkgray;
    position: relative;
    top: 30vh;
    margin: 0 auto;
    background-color: rgba(223, 222, 222, 0.5);
    text-align: center;
}

.signIn_box h3{
    margin: 25px 0;
}

.signIn_box input,
.signIn_box .login_input_box{
    width: 25vw;
    /*margin: 0 auto;*/
}

.login_input_box {
    /*margin-bottom: 10px;*/
    margin: 0 auto 8px;
}

.login_input_box a{
    text-decoration: none;
    color: #000;
}
.login_input_box a:hover{
    color: orangered;
}

.signIn_box input{
    border: 2px solid #ddd;
    outline: none;
    height: 2vh;
    padding: 0;
    border-radius: 8px;
    margin-bottom: 1vh;
}
.signIn_box input:focus{
    border-radius: 5px;
    border: 2px solid lightblue;
    background: aliceblue;
}

.signIn_box .forget_password{
    font-size: 4px;
    float: right;
}

.signIn_submit_btn,.toRegister_btn{
    width: 10vw;
    height: 30px;
    font-size: 14px;
    color: #fff;
    /*margin-top: 15px;*/
    margin: 5px 0;
    border: 1px solid #bbb;
    padding: 0;
    background-color: rgba(43, 78, 142, 0.6);
    border-radius: 10em ;
}
.signIn_submit_btn:hover,
.toRegister_btn:hover{
    color: #333;
    background-color: orange;
}